<script setup>
import Manage from './manage'
import Left from "@/views/setup/userManage/left.vue";

let organizationId = ref(null);
provide('organizationId', organizationId);


</script>

<template>
  <div class="block">
    <left class="left"></left>
    <manage class="right"></manage>
  </div>

</template>

<style scoped lang="scss">
  .block {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16);
    display: flex;
    .left {
      width: 240px;
      border-right: 1px solid #e6e8eb;
      flex-shrink: 0;
      position: relative;
    }
    .right {
      width: calc(100% - 240px);
      height: 100%;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }
  }

</style>